<!-- 设备管理-基础设置页面 -->
<template>
  <div>
    <CustomTabs :tabList="tabList" :activeName="activeName" @tabSelect="handelTabSelected" style="padding-left: 24px" />
    <equipSystem v-if="activeName === 'first'" />
    <equipName v-if="activeName === 'second'" />
    <equipType v-if="activeName === 'third'" />
    <equipModel v-if="activeName === 'fourth'" />
  </div>
</template>
<script lang="ts" setup>
defineOptions({
  name: "ALL_EQUIP_ARCHIVE_SETTING"
});
import { ref } from "vue";
import CustomTabs from "@/components/Tabs/index.vue";
import equipSystem from "./equipSystem/index.vue";
import equipName from "./equipName/index.vue";
import equipType from "./equipType/index.vue";
import equipModel from "./equipModel/index.vue";
const tabList = ref([
  { name: "first", label: "设备系统" },
  { name: "second", label: "设备总称" },
  { name: "third", label: "设备类型" },
  { name: "fourth", label: "设备型号" }
]);
const activeName = ref("first");
const handelTabSelected = selectName => {
  activeName.value = selectName;
};
</script>
<style lang="scss" scoped>
.tabsDiv {
  width: 100%;
  background: white;
  padding: 0 25px;
}
</style>
